<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div class="result"></div>
	<script>
		var str = "<h1><% name %></h1>";
		var data = {
		  name : "zlj"
		};

		//替换位置 ：replace()    使用正则表达式找到位置

		/*
		    模板引擎的工作原理：实际上就是使用正则表达式，去匹配我们事先定义好的一些标记，然后将这些标记进行替换
		 */

		var reg = /<%\s*([^%>]+\S)\s*%>/;
        var match = reg.exec(str);
       // console.log(match);    //["<% name %>", "name", index: 4, input: "<h1><% name %></h1>"]

		var str1 = match[0];    //<% name %>
		var str2 = match[1];    //name

		str = str.replace(str1,data[str2]);

		console.log(str);     //<h1>zlj</h1>

		document.querySelector(".result").innerHTML = str;


	</script>
</body>
</html>